{{template Elements/revolution_slide}}

<div class="container">
	<div class="row">	
		<div class="ui-widget col-md-9">
				<portlet portlet="carouFredSel" caroufredselid="photo-carou" title="图片新闻" ulclass="carouFredSel-items small-padding"  recursive="-1" info="model=Article&limit=12&row=3&conditions[coverimg %3C%3E]=&list_tpl=regions/_photolist&order=id desc">
				</portlet>
		</div>
		<div class="col-md-3">	
			{{template Elements/page_side}}		
		</div>
	</div>	
</div>
<!-- 
http://docs.dev7studios.com/jquery-plugins/caroufredsel
http://docs.dev7studios.com/jquery-plugins/caroufredsel-advanced
 -->
{{$this->Html->script(array(
            '/js/carouFredSel/jquery.carouFredSel-6.2.1.js',
        ));
}}
<script type="text/javascript">
var caroufredsel = function(){
	$(".carouFredSel-items").carouFredSel({
		responsive	: true,
		items		: 3,//显示的数目
		scroll : {
            items           : 3,
            easing          : "swing",
            duration        : 1000,                         
            pauseOnHover    : true
        },
        prev: '#photo-carou-prev',
        next: '#photo-carou-next',
		height: 'auto',
	});

};
$(window).load(function () {
    caroufredsel();
});
$(window).resize(function () {
    caroufredsel();
});            

</script>